.es-nameBanner{
	background-color:#DEDDEF;
	padding-bottom:10px;
}

/** User public page content */

/*
<div class="es-userContentPP clearfix">
	<div class="es-userLeftBarPP">
	</div>
	<div class="es-userRightWellPP">
	</div>
</div>
*/

.es-userContentPP{
	padding: 10px;
}

.es-userLeftBarPP{
	float:left;
	width:200px;
}

.es-userRightWellPP{
	float:left;
}


/*
 <div class="es-userRightWellPP">
                    	<div class="es-focusBox">
                        	<dl>
                            	<dt>Present</dt>
                                <dd>
                                	<ul>
                                    	<li><a href="#">Student</a> at <a href="#">Indian Institute of Technology, Kharagpur</a></li>
                                        <li><a href="#">Robotics Head</a> at <a href="#">Robotics Club, Kolkata</a></li>
                                    </ul>
                                </dd>
								
*/								
.es-focusBox{
	background-color:#EEEEEE;
	padding:10px;
	border:1px solid #DEDDEF;
}

.es-focusBox dt{
	width:150px;
	font-weight:bold;
	float:left;
	clear:left;
}

.es-focusBox dd{
	width:530px;
	float:left;
	padding-bottom:20px;
}

.es-focusBox li{
	padding-bottom:5px;
}

/*

<div class="es-profileGroup">
	<div class="es-profileSubHead"></div>
	<div class="es-attrbDetail">
		<div class="es-attrbTitle"></div>
		<div class="es-attrbProp1"></div>
		<div class="es-attrbProp2"></div>
		<div class="es-attrbText"></div>
	</div>
</div>

*/

/*-- big box in right bottom of user profile containing all the details -*/
.es-detailedProfile{
	padding:15px;
	width:650px;
	font-size:12px;
}

/*-- box for groups inside a profile like experience, education, skills etc -*/
.es-profileGroup{
	padding:10px 0px 15px;
	border-bottom:1px solid #deddef;
}

/*-- headline style for group name -*/
.es-profileSubHead{
	padding-bottom:10px;
	color:#999999;
}

/*-- box for each repeating element under a group, this will repeat for each experiences under experiences attribute -*/
.es-attrbDetail{
	padding-left:20px;
	padding-bottom:15px;
	margin-bottom:20px;
}

.es-proDetail{
	padding:10px 20px;
	margin-bottom:20px;
	background-color: #DEDDEF;
}

/*-- style for each experieces -*/
.es-attrbTitle{
	font-size:14px;
	font-weight:bold;
}

.es-proTitle{
	font-size:16px;
	margin-bottom:5px;
}

.es-attrbProp1{
	color:#444444;
	font-size:14px;
}

.es-attrbProp2{
	color:#666666;
	font-size:12px;
}

.es-attrbText{
	padding-top:10px;
	padding-left:10px;
}

.es-proSummText{
	padding-top:10px;
}

